<!DOCTYPE html>
<html lang="en" class="no-js">
    <head>
		<meta charset="UTF-8" />
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
        <title>Animated Responsive Image Grid</title>
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <link rel="shortcut icon" href="../favicon.ico">
        <link rel="stylesheet" type="text/css" href="css/demo.css" />
		<link rel="stylesheet" type="text/css" href="css/style.css" />
		<script type="text/javascript" src="js/modernizr.custom.26633.js"></script>
		<noscript>
			<link rel="stylesheet" type="text/css" href="css/fallback.css" />
		</noscript>
    </head>
    <body>
		<img src="images/loading.gif" style="display:none;"/>
        <div class="container">
			<section class="main">
				<div id="ri-grid" class="ri-grid ri-grid-size-2">
					<img class="ri-loading-image" src="images/loading.gif"/>
					<ul>
						<li><a href="#"><img src="images/medium/1.jpg"/></a></li>
						<li><a href="#"><img src="images/medium/2.jpg"/></a></li>
						<li><a href="#"><img src="images/medium/3.jpg"/></a></li>
						<li><a href="#"><img src="images/medium/4.jpg"/></a></li>
						<li><a href="#"><img src="images/medium/5.jpg"/></a></li>
						<li><a href="#"><img src="images/medium/6.jpg"/></a></li>
						<li><a href="#"><img src="images/medium/7.jpg"/></a></li>
						<li><a href="#"><img src="images/medium/8.jpg"/></a></li>
						<li><a href="#"><img src="images/medium/9.jpg"/></a></li>
						<li><a href="#"><img src="images/medium/10.jpg"/></a></li>
						<li><a href="#"><img src="images/medium/11.jpg"/></a></li>
						<li><a href="#"><img src="images/medium/12.jpg"/></a></li>
						<li><a href="#"><img src="images/medium/13.jpg"/></a></li>
						<li><a href="#"><img src="images/medium/14.jpg"/></a></li>
						<li><a href="#"><img src="images/medium/15.jpg"/></a></li>
						<li><a href="#"><img src="images/medium/16.jpg"/></a></li>
						<li><a href="#"><img src="images/medium/17.jpg"/></a></li>
						<li><a href="#"><img src="images/medium/18.jpg"/></a></li>
						<li><a href="#"><img src="images/medium/19.jpg"/></a></li>
						<li><a href="#"><img src="images/medium/20.jpg"/></a></li>
						<li><a href="#"><img src="images/medium/21.jpg"/></a></li>
						<li><a href="#"><img src="images/medium/22.jpg"/></a></li>
						<li><a href="#"><img src="images/medium/23.jpg"/></a></li>
						<li><a href="#"><img src="images/medium/24.jpg"/></a></li>
						<li><a href="#"><img src="images/medium/25.jpg"/></a></li>
						<li><a href="#"><img src="images/medium/26.jpg"/></a></li>
						<li><a href="#"><img src="images/medium/27.jpg"/></a></li>
						<li><a href="#"><img src="images/medium/28.jpg"/></a></li>
						<li><a href="#"><img src="images/medium/29.jpg"/></a></li>
						<li><a href="#"><img src="images/medium/30.jpg"/></a></li>
						<li><a href="#"><img src="images/medium/31.jpg"/></a></li>
						<li><a href="#"><img src="images/medium/32.jpg"/></a></li>
						<li><a href="#"><img src="images/medium/33.jpg"/></a></li>
						<li><a href="#"><img src="images/medium/34.jpg"/></a></li>
						<li><a href="#"><img src="images/medium/35.jpg"/></a></li>
						<li><a href="#"><img src="images/medium/36.jpg"/></a></li>
						<li><a href="#"><img src="images/medium/37.jpg"/></a></li>
						<li><a href="#"><img src="images/medium/38.jpg"/></a></li>
						<li><a href="#"><img src="images/medium/39.jpg"/></a></li>
						<li><a href="#"><img src="images/medium/40.jpg"/></a></li>
						<li><a href="#"><img src="images/medium/41.jpg"/></a></li>
						<li><a href="#"><img src="images/medium/42.jpg"/></a></li>
						<li><a href="#"><img src="images/medium/43.jpg"/></a></li>
						<li><a href="#"><img src="images/medium/44.jpg"/></a></li>
						<li><a href="#"><img src="images/medium/45.jpg"/></a></li>
						<li><a href="#"><img src="images/medium/46.jpg"/></a></li>
						<li><a href="#"><img src="images/medium/47.jpg"/></a></li>
						<li><a href="#"><img src="images/medium/48.jpg"/></a></li>
						<li><a href="#"><img src="images/medium/49.jpg"/></a></li>
						<li><a href="#"><img src="images/medium/50.jpg"/></a></li>
						<li><a href="#"><img src="images/medium/51.jpg"/></a></li>
						<li><a href="#"><img src="images/medium/52.jpg"/></a></li>
						<li><a href="#"><img src="images/medium/53.jpg"/></a></li>
						<li><a href="#"><img src="images/medium/54.jpg"/></a></li>
					</ul>
				</div>
			</section>
        </div>
        <script type="text/javascript" src="js/jquery.min.js"></script>
		<script type="text/javascript" src="js/jquery.gridrotator.js"></script>
		<script type="text/javascript" src="js/userdefined.js"></script>
    </body>
</html>
